﻿<script>
    $(function () {
      $('[data-toggle="popover"]').popover()
      })
</script>
<script type="text/javascript">
    $(function() {
      $("#chk_all").click(function() {
      if ($(":checkbox").prop("checked")){
            $(":checkbox").prop("checked",true);
          }
      else{
            $(":checkbox").removeAttr("checked");
           }
      });
    });
</script>
<div role="tabpanel"  >
<!-- 页签导航 -->
<ul class="nav nav-tabs " role="tablist" >
<li role="presentation" class="active"><a href="#videoPanel" aria-controls="videoPanel" role="tab" data-toggle="tab" >视频</a></li>
<li role="presentation"><a href="#videoDesc" aria-controls="videoDesc" role="tab" data-toggle="tab">详情</a></li>
</ul>
<!-- 页签面板-->
<div class="tab-content">
<!-- 删除记录的Modal界面 -->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
     <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">删除视频</h4>
      </div>
      <div class="modal-body">
        确认删除该记录？
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">确  认</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">取  消</button>
      </div>
    </div>
  </div>
</div>
  <div role="tabpanel" class="tab-pane active" id="videoPanel">
    <div class="panel panel-default">
      <div class="panel-body">

        <div class="btn-group" role="group" aria-label="...">
          <button type="button" class="btn btn-default">J a v a</button>
          <button type="button" class="btn btn-default">I O S</button>
          <button type="button" class="btn btn-default">C + +</button>
          <button type="button" class="btn btn-default">P H P</button>
          <button type="button" class="btn btn-default">Web前端</button>
          <button type="button" class="btn btn-default">软件测试</button>
          <button type="button" class="btn btn-default">网络营销</button>
          <button type="button" class="btn btn-default">U I D</button>
          <button type="button" class="btn btn-default">Unity3D</button>
          <button type="button" class="btn btn-default">Android</button>
          <button type="button" class="btn btn-default">.N E T</button>
          <button type="button" class="btn btn-default">Linux</button>
          <button type="button" class="btn btn-default">智能硬件</button>
        </div>
        <p></p>

        <div class="row">
          <div class="col-lg-6">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="Search for...">
              <span class="input-group-btn">
                <button class="btn btn-primary" type="button">搜 索</button>
              </span>
            </div>
          </div>
        </div>
        <p></p>

        <div class="row">
          <div class="col-md-3">
            <div class="thumbnail">
              <a href="#videoDesc">
              <img src="images/Java-evn.png" alt="...">
              </a>
              <div class="caption">
                <a href="#videoDesc"><h3>JAVA 开发环境</h3></a>
                <p><span>上传日期 : </span>2015年07月18日</p>
                <p><span>视频介绍 : </span>……………………………………</p>
              </div>
            </div>
          </div>

          <div class="col-md-3">
          <div class="thumbnail">
            <img src="images/Java-evn.png" alt="...">
            <div class="caption">
              <h3>JAVA 开发环境</h3>
              <p><span>上传日期 : </span>2015年07月18日</p>
              <p><span>视频介绍 : </span>……………………………………</p>
            </div>
          </div>
          </div>

          <div class="col-md-3">
          <div class="thumbnail">
            <img src="images/Java-evn.png" alt="...">
            <div class="caption">
              <h3>JAVA 开发环境</h3>
              <p><span>上传日期 : </span>2015年07月18日</p>
              <p><span>视频介绍 : </span>……………………………………</p>
            </div>
          </div>
          </div>

          <div class="col-md-3">
          <div class="thumbnail">
            <img src="images/Java-evn.png" alt="...">
            <div class="caption">
              <h3>JAVA 开发环境</h3>
              <p><span>上传日期 : </span>2015年07月18日</p>
              <p><span>视频介绍 : </span>……………………………………</p>
            </div>
          </div>
          </div>
        </div>

         <div class="row">
          <div class="col-md-3">
            <div class="thumbnail">
              <img src="images/Java-var.png" alt="...">
              <div class="caption">
                <h3>JAVA 变量</h3>
               <p><span>上传日期 : </span>2015年07月18日</p>
               <p><span>视频介绍 : </span>……………………………………</p>
              </div>
            </div>
          </div>

          <div class="col-md-3">
          <div class="thumbnail">
            <img src="images/Java-var.png" alt="...">
            <div class="caption">
              <h3>JAVA 变量</h3>
              <p><span>上传日期 : </span>2015年07月18日</p>
              <p><span>视频介绍 : </span>……………………………………</p>
            </div>
          </div>
          </div>

          <div class="col-md-3">
          <div class="thumbnail">
            <img src="images/Java-var.png" alt="...">
            <div class="caption">
              <h3>JAVA 变量</h3>
              <p><span>上传日期 : </span>2015年07月18日</p>
              <p><span>视频介绍 : </span>……………………………………</p>
            </div>
          </div>
          </div>

          <div class="col-md-3">
          <div class="thumbnail">
            <img src="images/Java-var.png" alt="...">
            <div class="caption">
              <h3>JAVA 变量</h3>
             <p><span>上传日期 : </span>2015年07月18日</p>
             <p><span>视频介绍 : </span>……………………………………</p>
            </div>
          </div>
          </div>
        </div>
      </div>
    </div><!-- 视频记录面板 end -->

<!-- 分页导航 -->
  <nav class="col-md-4 col-md-offset-4">
    <ul class="pagination">
      <li>
        <a href="#" aria-label="Previous">
          <span aria-hidden="true">&laquo;</span>
        </a>
      </li>
      <li class="active"><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li>
        <a href="#" aria-label="Next">
          <span aria-hidden="true">&raquo;</span>
        </a>
      </li>
    </ul>
  </nav>
</div><!--videoPanel end-->

<div role="tabpanel" class="tab-pane" id="videoDesc">

<!-- 修改视频的Modal界面 -->
<div class="modal fade" id="editVideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
       <form class="form-horizontal" action="" method="post">

	  <div class="form-group">
          <label class="col-md-3 control-label" for="videoName">视频名称:</label>
		<div class="col-md-8">
	        <input type="text" id="videoName" class="form-control">
		</div>
	  </div>

				   <div class="form-group">
           <label class="col-md-3 control-label" for="videoImage">视频图片:</label>
					 <div class="col-md-8">
					 <input type="text" id="videoImage" class="form-control">
					 </div>
				   </div>

				<div class="form-group">
          <label class="col-md-3 control-label" for="videoPath">视频路径:</label>
					<div class="col-md-8">
						<input type="text" id="videoPath" class="form-control">
					</div>
				</div>

				<div class="form-group">
        <label for="courseNo" class="col-md-3 control-label">课程名称:</label>
				<div class="col-md-8">
						<select id="courseNo" class="form-control">
							<option>==请选择==</option>
							<option>44400011-4455-6677-8899-AABBCCDDEEFF</option>
							<option>44400022-4455-6677-8899-AABBCCDDEEFF</option>
              <option>44400033-4455-6677-8899-AABBCCDDEEFF</option>
						</select>
					</div>
				</div>

				<div class="form-group">
        <label for="teacherNo" class="col-md-3 control-label">讲师姓名:</label>
				<div class="col-md-8">
						<select id="teacherNo" class="form-control">
              <option>==请选择==</option>
							<option>44400011-4455-6677-8899-AABBCCDDEEFF</option>
							<option>44400022-4455-6677-8899-AABBCCDDEEFF</option>
              <option>44400033-4455-6677-8899-AABBCCDDEEFF</option>
						</select>
					</div>
				</div>

				<div class="form-group">
        <label for="level" class="col-md-3 control-label">推荐等级:</label>
					<div class="col-md-8">
            <input type="number" id="level" class="form-control">
					</div>
				</div>
				<div class="form-group">
          <label for="diffLevel" class="col-md-3 control-label">难度等级:</label>
					<div class="col-md-8">
          <input type="number" id="diffLevel"class="form-control">
					</div>
				</div>
				<div class="form-group">
        <label for="clickNo" class="col-md-3 control-label">点击次数:</label>
			  <div class="col-md-8">
        <input type="number" id="clickNo" class="form-control">
				</div>
				</div>

				<div class="form-group">
        <label for="isBuy" class="col-md-3 control-label">视频购买:</label>
				<div class="col-md-8">
						<select id="isBuy" class="form-control">
							<option>==请选择==</option>
							<option>是</option>
							<option>否</option>
						</select>
					</div>
				</div>

				<div class="form-group">
        <label for="isPass" class="col-md-3 control-label">审核状态:</label>
					<div class="col-md-8">
						<select id="isPass" class="form-control">
							<option>==请选择==</option>
							<option>是</option>
							<option>否</option>
						</select>
					</div>
				</div>

				<div class="form-group">
        <label for="time" class="col-md-3 control-label">上架时间:</label>
				<div class="col-md-8">
        <input type="date" id="time" class="form-control">
			  </div>
				</div>

				<div class="form-group">
        <label for="videoDesc" class="col-md-3 control-label">视频介绍:</label>
				<div class="col-md-8">
        <textarea id="videoDesc" class="form-control" rows="4"></textarea>
				</div>
				</div>

        <div class="form-group">
        <div class="col-md-4 col-md-offset-8">
        <button type="submit" class="btn btn-primary">确  认</button>
        <button type="reset" class="btn btn-primary" data-dismiss="modal">取  消</button>
        </div>
        </div>
       </form>
      </div>
    </div>
  </div>
</div>
<!-- end -->
  <div class="panel panel-default">
    <div class="panel-body">

      <div class="rows">
        <div class="embed-responsive embed-responsive-16by9 col-md-9">
          <iframe class="embed-responsive-item" src="images/video.png"></iframe>
        </div>
        <div class="caption col-md-3">
           <h3>JAVA 变量</h3>
           <p><span>视频路径 : </span>/video/shipin.mp4</p>
           <p><span>课程名称 : </span>Java</p>
           <p><span>讲师名称 : </span>陈老师</p>
           <p><span>推荐等级 : </span>5</p>
           <p><span>难度等级 : </span>2</p>
           <p><span>点击次数 : </span>18</p>
           <p><span>上架日期 : </span>2015年07月18日</p>
           <p><span>是否购买 : </span>否</p>
           <p><span>审核状态 : </span>否</p>
           <p><span>视频介绍 : </span>……………………………………</p>
           <div class="rows">
            <button type="button" class="btn btn-success">通过</button>
            <button type="button" class="btn btn-primary">编辑</button>
            <button type="button" class="btn btn-danger">删除</button>
           </div>
        </div>
      </div>
    </div><!-- panel end-->
  </div><!--videoDesc end-->
</div><!--tab-content-->
